.main {
    display: flex;
    flex: 1;

    .nav {
        padding: 10px;
        background-color: #f5f7fa;
        border: 1px solid #e5e5e5;
        height: calc(100% - 22px);
        overflow-y: auto;

        .btns {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex-wrap: wrap;

            .ml5 {
                margin-left: 5px;
            }

            .not-change {
                cursor: not-allowed;
            }

            .btn {
                display: flex;
                align-items: center;
            }

            .mr5 {
                margin-right: 5px;
            }
        }

        .tree {
            margin-top: 12px;
            background-color: transparent;

            :deep(.el-tree-node__content) {
                padding: 4px 0;
            }

            :deep(.el-tree-node__content:hover) {
                background-color: #d2e1f3;
            }
        }
    }


    .header {
        margin-bottom: 10px;

        .btn {
            display: flex;
            align-items: center;
        }

        .mr5 {
            margin-right: 5px;
        }

        .search {
            display: flex;
            align-items: center;

            .input-name {
                width: 150px;
                margin-right: 5px;
            }

            .btn-search {
                padding: 0 10px;
                border-color: #007cff;
                background-color: #007cff;

                :deep(.el-icon) {
                    top: 2px;
                    font-size: 14px;
                    color: #fff;
                }
            }
        }
    }

    .table-organize {
        padding: 10px;
        margin-left: 10px;
        border: 1px solid #e5e5e5;
        display: flex;
        flex-direction: column;
        flex: 1;
        .not-allow {
            cursor: not-allowed;
        }
        .table{
            flex: 1;
            position: relative;
        }
    }

    .footer {
        margin-top: 10px;
        display: flex;
        justify-content: flex-end;
    }
}

.el-select-dropdown__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.organize-tip {
    float: right;
    display: block;
    font-size: 12px;
    transform: scale(.9);
    font-weight: 400;
    line-height: 12px;
    padding: 4px 6px;
    border-color: #FB9337;
    background-color: #FFEBDB;
    color: #FB9337;
}

.btn_save {
    width: 3.2vw;
}

.btn_delete {
    width: 3.2vw;
    color: #fff;
}

.btn_cancel {
    width: 3.2vw;
}

.add-dialog {
    .title {
        font-size: 14px;
    }

    .form-text {
        margin-bottom: 10px;

        .form-item {
            margin-bottom: 20px;

            .item-input {
                width: 200px;
            }

            .bg_text {
                color: #999999;
            }

            .is-checked {
                .bg_text {
                    color: #007cff;
                }
            }
        }
    }

    .flex-end {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}

.add-dialog2 {
    .title {
        font-size: 14px;
    }
    .form-text {
        margin-bottom: 10px;
        .form-item {
            margin-bottom: 20px;
            margin-right: 28px;

            :deep(.el-form-item__label) {
                justify-content: start;
            }

            .item-input {
                width: 200px;
            }

            .ml5 {
                margin-left: 5px;
            }

            .bg_text {
                color: #999999;
            }

            .is-checked {
                .bg_text {
                    color: #007cff;
                }
            }
        }
    }

    .flex-end {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}

.detail-dialog {
    h3 {
        color: #000;
        font-size: 14px;
        font-weight: 400;
    }

    .form-text {
        margin-top: 5px;

        :deep(.el-form-item__label) {
            padding: 0;
            color: #000;
        }

        .text {
            color: #999;
        }
    }

    .form-content {
        :deep(.el-form-item__label) {
            padding: 0;
            color: #000;
        }

        .text {
            color: #999;
        }
    }
}

.el-tag.el-tag--success {
    --el-tag-text-color: #00c0c0;
    --el-tag-bg-color: #ebf6f6;
    --el-tag-border-color: #ebf6f6;
    --el-tag-hover-color: #00c0c0;
}

.el-tag.el-tag--info {
    --el-tag-border-color: var(--el-color-info-light-9);
}

.el-tag {
    --el-tag-border-color: var(--el-color-primary-light-9);
}

.el-tag.el-tag--warning {
    --el-tag-border-color: var(--el-color-warning-light-9);
}